
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"  %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    
    
    <title>跳蚤市场首页</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<!--meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page"-->
	<base href="<%=basePath%>">
	<link rel="stylesheet" type="text/css" href="<%=path%>/resources/css/foreground.css">
	<script type="text/javascript" src="<%=path%>/resources/JSjquery/colorbox/jquery.colorbox.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=path%>/resources/JSjquery/colorbox/colorbox.css">
    <script type="text/javascript" src="<%=path%>/resources/JSjquery/colorbox/jquery-1.4.js"></script>
    <script type="text/javascript" src="<%=path%>/resources/scripts/for.js"></script>
        
        <script type="text/javascript">
          $(document).ready(function() {
            $(".login").colorbox({width:"30%", inline:true, href:"#login"});
            $("a[rel='example1']").colorbox();
        });
			
			
        });
        </script>
        
  </head>
  
  <body>
    <div id="all">
    <jsp:include page="/common/foreg-head.jsp"></jsp:include>
         <div id="left-menu">
          <ul>
                <li><a href="#">书籍</a></li>
                <li><a href="#">男装</a>：<a href="#">上衣</a>/<a href="#">裤子</a></li>
                <li><a href="#">女装</a>：<a href="#">上衣</a>/<a href="#">裤子</a></li>
                <li><a href="#">鞋帽</a>：<a href="#">鞋子</a>/<a href="#">帽子</a>/<a href="#">围巾</a></li>
                <li><a href="#">食品</a>/<a href="#">生活用品</a></li>
                <li><a href="#">小玩意儿</a>/<a href="#">其他</a></li>
         </ul>
         </div><!--end of left-menu-->
         <div id="mid-menu">
              <script>
                   var widths=428;
                   var heights=233;
                   var counts=6;
                   img1=new Image ();img1.src='<%=path%>/photos/goods/page1.gif';
                   img2=new Image ();img2.src='<%=path%>/photos/goods/page2.gif';
                   img3=new Image ();img3.src='<%=path%>/photos/goods/page3.gif';
                   img4=new Image ();img4.src='<%=path%>/photos/goods/page4.gif';
                   img5=new Image ();img5.src='<%=path%>/photos/goods/page5.gif';
                   img6=new Image ();img6.src='<%=path%>/photos/goods/page6.gif';
                   url1=new Image ();url1.src='#';
                   url2=new Image ();url2.src='#';
                   url3=new Image ();url3.src='#';
                   url4=new Image ();url4.src='#';
                   url5=new Image ();url5.src='#';
                   url6=new Image ();url6.src='#';
                   var nn=1;
                   var key=0;
                   function change_img()
                       {if(key==0){key=1;}
                   else if(document.all)
                       {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
                   eval('document.getElementById("pic").src=img'+nn+'.src');
                   eval('document.getElementById("url").href=url'+nn+'.src');
                   for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
                   document.getElementById("xxjdjj"+nn).className='bxx';
                   nn++;if(nn>counts){nn=1;}
                   tt=setTimeout('change_img()',4000);}
                   function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
                   document.write('<style>');
                   document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
                   document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
                   document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
                   document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
                   document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
                   document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
                   document.write('</style>');
                   document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
                   document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
                   document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
                   for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
                   document.write('</div></div>');
                   change_img();
              </script>
         </div><!--end of mid-menu-->
         <div id="right-menu">
         <a href="goodscontent.html"><img src="<%=path%>/photos/goods/2356.gif" /></a>
         </div><!--end of right-menu-->
    
    <div id="content">
<div id="one">
               <div id="one-1">
               
               </div><!--end of one-1-->
               <div id="one-2">
                      <ul id="picture">
                          <li><a href="#"><img src="<%=path%>/photos/goods/017.gif"  /></a><p><a href="#">小黄伞</a></p><p>35元</p></li>
                          
                          <li><a href="#"><img src="<%=path%>/photos/goods/019.gif"  /></a><p><a href="#">摇头娃娃</a></p><p>12元</p></li>
                         
                          <li><a href="#"><img src="<%=path%>/photos/goods/022.gif"  /></a><p><a href="#">玩具</a></p><p>15元</p></li>
                            
                          <li><a href="#"><img  src="<%=path%>/photos/goods/345.gif" /></a><p><a href="#">笔记本</a></p><p>8元</p></li>
                            
                          <li><a href="#"><img src="<%=path%>/photos/goods/56.gif"  /></a><p><a href="#">壁虎挂件</a></p><p>18元</p></li>
                      </ul>
               </div><!--end of one-2-->
         </div><!--end of one-->
         <div id="two">
               <ul id="picture">
                          <li><a href="#"><img src="<%=path%>/photos/goods/017.gif"  /></a><p><a href="#">小黄伞</a></p><p>35元</p></li>
                          
                          <li><a href="#"><img src="<%=path%>/photos/goods/019.gif"  /></a><p><a href="#">摇头娃娃</a></p><p>12元</p></li>
                          
                          <li><a href="#"><img src="<%=path%>/photos/goods/022.gif"  /></a><p><a href="#">玩具</a></p><p>15元</p></li>
                          
                          <li><a href="#"><img  src="<%=path%>/photos/goods/345.gif" /></a><p><a href="#">笔记本</a></p><p>8元</p></li>
                          
                          <li><a href="#"><img src="<%=path%>/photos/goods/56.gif"  /></a><p><a href="#">壁虎挂件</a></p><p>18元</p></li>
                          
                           <li><a href="#"><img src="<%=path%>/photos/goods/014.gif"  /></a><p><a href="#">水果叉</a></p><p>15元</p></li>
               </ul>
         </div><!--end of two-->
         <div id="three">
               <div id="three-1">
                    <ul id="picture1">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_16.png"  /></li>
                          <li style="margin-left:60px"><img src="<%=path%>/photos/goods/sub01_35.png"  /></li>
                      </ul>
                       <ul id="picture1" style="margin-top:-10px">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_48.png"  /></li>
                          <li style="margin-left:80px"><img  src="<%=path%>/photos/goods/sub01_54.png" /></li>
                         
                      </ul>
               </div><!--end of three-1-->
               <div id="three-1" style="margin-left:60px">
                      <ul id="picture1">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_16.png"  /></li>
                          <li style="margin-left:50px"><img src="<%=path%>/photos/goods/sub01_35.png"  /></li>
                      </ul>
                       <ul id="picture1" style="margin-top:-10px">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_48.png"  /></li>
                          <li style="margin-left:80px"><img src="<%=path%>/photos/goods/sub01_54.png" /></li>
                       </ul>
               </div>
         </div><!--end of three-->
         <div id="three1">
               <div id="three-1" style="margin-top:65px;">
                  <ul id="picture1" style="margin-top:15px;">
                          <li><img src="<%=path%>/photos/goods/c0.gif"  /></li>
                          <li style="margin-left:15px;"><img src="<%=path%>/photos/goods/c.gif"  /></li>
                   </ul>
                   
               </div><!--end of three-1-->
              <div id="three-1" style="margin-top:65px; margin-left:60px">
                  <ul id="picture1">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_01.png"  /></li>
                          <li style="margin-left:80px"><img src="<%=path%>/photos/goods/sub01_28.png"  /></li>
                  </ul>
                  <ul id="picture1" style="margin-top:-10px">
                          <li style="margin-left:20px"><img src="<%=path%>/photos/goods/sub01_40.png"  /></li>
                          <li style="margin-left:80px"><img src="<%=path%>/photos/goods/sub01_02.png" /></li>
                  </ul>
               </div><!--end of three-2-->
               
         </div><!--end of three-->
    </div><!--end of content-->
    <jsp:include page="/common/foreg-foot.jsp"></jsp:include>
</div><!--end of all-->
  </body>
</html>
